<!DOCTYPE HTML>
<html>
  <head>
    <meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
    <link rel="shortcut icon" href="/favicon.ico" />
    <link href="/build/css/screen.css" media="screen, projection" rel="stylesheet" type="text/css" /> 
    <link href="/build/css/print.css" media="print" rel="stylesheet" type="text/css" />
    <!--[if IE]>
      <link href="/build/css/ie.css" media="screen, projection" rel="stylesheet" type="text/css" />
    <![endif]-->
  </head>
  <body>
    <div id="shape-buttons"></div>
    <div id="checks">
      grid:<input type="checkbox" id="show-grid" />
      move-x:<input type="checkbox" id="move-x" checked/>
      move-y:<input type="checkbox" id="move-y" checked/>
      resize-x:<input type="checkbox" id="resize-x" checked/>
      resize-y:<input type="checkbox" id="resize-y" checked/>
    </div>
 
    <script type="text/javascript" src="components/jquery/dist/jquery.js"></script>
    <script type="text/javascript" src="components/d3/d3.js"></script>
    <script type="text/javascript" src="components/underscore/underscore.js"></script>
    <script type="text/javascript" src="build/js/global.js"></script>
    <script type="text/javascript" src="build/js/util.js"></script>
    <script type="text/javascript" src="build/js/shape_type.js"></script>
    <script type="text/javascript" src="build/js/shape.js"></script>
    <script type="text/javascript" src="build/js/droplist.js"></script>
    <script type="text/javascript" src="build/js/main.js"></script>

    <script>
      $('#show-grid').click(function() {
        $('.grid-lines').toggle();
      })
      $('#move-x').click(function() {
        global.move_x = !global.move_x;
      });
      $('#move-y').click(function() {
        global.move_y = !global.move_y;
      });
      $('#resize-x').click(function() {
        global.resize_x = !global.resize_x;
      });
      $('#resize-y').click(function() {
        global.resize_y = !global.resize_y;
      });
    </script>
  </body>
</html>
